{extend name="public/layout"}
{block name="title"}活动报名{/block}
{block name="head"}
<style>
    html, body {
        background-color: #f5f5f5;
    }

    .big-icon {
        height: 0.3552rem !important;
        width: auto !important;
    }
    .btn-area-large{
        margin-top:3.216rem;
    }
</style>
{/block}
{block name="content"}

<div class="list bg-white mtl" id="form1">
    <input type="hidden" name="activity_id" value="{$_GET.id}">
    <div class="list-item border-b border-t flex">
        <img src="/images/icons/username.png" alt="" style="margin-left:0.02rem;margin-right:11px;" class="big-icon">
        <div class="flex-con">
            <input type="text" id="username" required name="username" class="form-control" placeholder="请输入您的姓名">
        </div>

    </div>
    <div class="list-item border-b flex">
        <img src="/images/icons/phone2.png" style="margin-left:0.05rem;margin-right:15px;" alt="" class="big-icon">
        <div class="flex-con">
            <input type="tel" required id="telephone" name="telephone" class="form-control" placeholder="请输入联系电话">
        </div>
    </div>
    <div class="list-item border-b flex">
        <img src="/images/icons/unit.png"  alt="" class="big-icon">
        <div class="flex-con">
            <input type="text" id="unit" required name="workplace" class="form-control" placeholder="请输入工作单位">
        </div>
    </div>
</div>
<div class="btn-area btn-area-large">
    <div class="btn-block btn-primary btn-rounded" id="submit">确认提交</div>
</div>
{:_js('js/phone.js')}
<script>
    $('#submit').on('click',function () {
        c.form('form1',"{:U('hire')}").validate().submit().success(function(){
            ui.tip.show('报名成功');
            setTimeout(function () {
                history.back();
            },1500);
        });
    });
</script>

{/block}


